.container {
  @apply w-full h-full relative;
  background-image: url('/images/sport_bg.webp');
  background-size: 100% 100%;

  &::before {
    @apply absolute left-0 right-0 top-0 bottom-0 bg-black-60;
    content: '';
  }

  .content {
    @apply absolute w-full h-full flex flex-col justify-center items-center;

    .tips {
      @apply leading-9 text-white text-2xl;
    }
  }
}

@media screen and (max-width: 767px) {
  .container {
    .content {
      .tips {
        font-size: 1.125rem !important;
      }
    }
  }
}
